<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <!-- "xlsx": "^0.17.4"
    "vue": "^3.2.26",
    "vue-router": "^4.0.13",
    "axios": "^0.24.0",
    "element-plus": "^2.1.9",
    "xlsx": "^0.17.4",
    "nprogress": "^0.2.0",-->
    <title><%= htmlWebpackPlugin.options.title %></title>
    <link rel="stylesheet" href="https://unpkg.com/element-plus@2.2.2/dist/index.css" />
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-plus/2.1.9/theme-chalk/display.min.css" />
    <link rel="stylesheet" href="https://cdn.staticfile.org/nprogress/0.2.0/nprogress.min.css" />
    <link rel="stylesheet" href="https://cdn.staticfile.org/cropperjs/1.5.12/cropper.min.css">
  </head>
  <style>
    body {
      /* ie浏览器隐藏滚动条 */
      -ms-overflow-style: none;
    }
    /* Chrome Safari */
    ::-webkit-scrollbar {
      display: none;
      color: transparent;
    }
  </style>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <script type="text/javascript">
			var theme = window.localStorage.getItem('APP_THEME')
			if (theme) {
				document.body.setAttribute('data-theme',  JSON.parse(theme))
			}
		</script>
    <div id="app">
      <style>
        @keyframes ldio {
          0% {transform: rotate(0deg)}
          50% {transform: rotate(180deg)}
          100% {transform: rotate(360deg)}
        }
        .loadingio-eclipse {
          width: 200px;
          height: 200px;
          margin: 150px auto 0;
          overflow: hidden;
        }
        .ldio {
          width: 100%;
          height: 100%;
          position: relative;
          transform: translateZ(0) scale(1);
          backface-visibility: hidden;
          transform-origin: 0 0;
        }
        .ldio div {
          box-sizing: content-box;
          position: absolute;
          animation: ldio 1s linear infinite;
          width: 160px;
          height: 160px;
          top: 20px;
          left: 20px;
          border-radius: 50%;
          box-shadow: 0 4px 0 0 #346fff;
          transform-origin: 80px 82px;
        }
        .lod-text {
          width: 100vw;
          margin: 30px 0;
          text-align: center;
          color: #346fff;
        }
      </style>
      <div class="loadingio-eclipse">
        <div class="ldio">
          <div></div>
        </div>
      </div>
      <div class="lod-text">加载中...</div>
    </div>
    
    <!-- vue相关cdn -->
    <script src="https://cdn.staticfile.org/vue/3.2.36/vue.global.prod.min.js"></script>
    <script src="https://cdn.staticfile.org/vue-router/4.0.13/vue-router.global.prod.min.js"></script>
    <!-- antv cdn -->
    <script type="text/javascript" src="https://cdn.staticfile.org/g2plot/2.4.15/g2plot.min.js"></script>
    <script src="https://gw.alipayobjects.com/os/lib/antv/g2/4.1.16/dist/g2.min.js"></script>
    <!-- element-plus cdn -->
    <script src="https://cdn.staticfile.org//element-plus/2.1.9/index.full.min.js"></script>
    <!-- axios -->
    <script src="https://cdn.staticfile.org/axios/0.26.1/axios.min.js"></script>
    <!-- xlsx -->
    <script src="https://cdn.staticfile.org/xlsx/0.17.4/xlsx.min.js"></script>
    <!-- nprogress -->
    <script src="https://cdn.staticfile.org/nprogress/0.2.0/nprogress.min.js"></script>
    <!-- cropperjs -->
    <script src="https://cdn.staticfile.org/cropperjs/1.5.12/cropper.min.js"></script>
  </body>
</html>
